<template>
    <div class="fysxs wh100p por bsb">
        <div class="fx-g1 w100p fxsys ovy-s">
            <goods-left @click-item="goodsNavClick"/>
            <!-- content -->
            <goods-content :contkey="contKey" :title="title" />
        </div>
        <goods-action class="poa:bl0" />
    </div>
</template>

<script>
import GoodsLeft from '@/components/GoodsLeft.vue'
import GoodsContent from '@/components/GoodsContent.vue'
import GoodsAction from '@/components/GoodsAction.vue'


export default {
    name: 'Goods',
    components: {
        GoodsLeft,
        GoodsContent,
        GoodsAction
    },
    data() {
        return {
            contKey: 'a',
            title: '当季限定'
        };
    },
    methods: {
        goodsNavClick(item){
            this.title = item.text
            this.contKey = item.key
        }
    }
};
</script>

<style lang='scss' scoped>
</style>